<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    
    <meta name="referrer" content="no-referrer-when-downgrade">
    
    <meta name="renderer" content="webkit"/>
    <meta name="force-rendering" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <script>if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href="https://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); </script>
    
    
        <link rel="preload" crossorigin="crossorigin" href="/fonts/roboto/Roboto-Regular.woff2" as="font">
        <link rel="preload" crossorigin="crossorigin" href="/fonts/roboto/Roboto-Bold.woff2" as="font">
    
    
    
        <link rel="shortcut icon" href="/icons/favicon.ico">
    

    
    
        
<link rel="stylesheet" href="/css/mdui.min.v1.0.0.css">

    
    
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/iconfont.css">


    
    

    
        <script data-ad-client="ca-" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    












    
        <script>
  if (typeof MathJax === 'undefined') {
    window.MathJax = {
      loader: {
        
            load: ['[tex]/mhchem'],
        
        source: {
          '[tex]/amsCd': '[tex]/amscd',
          '[tex]/AMScd': '[tex]/amscd'
        }
      },
      tex: {
        inlineMath: {'[+]': [['$', '$']]},
        
            packages: {'[+]': ['mhchem']},
        
        tags: 'ams'
      },
      options: {
        renderActions: {
          findScript: [10, doc => {
            document.querySelectorAll('script[type^="math/tex"]').forEach(node => {
              const display = !!node.type.match(/; *mode=display/);
              const math = new doc.options.MathItem(node.textContent, doc.inputJax[0], display);
              const text = document.createTextNode('');
              node.parentNode.replaceChild(text, node);
              math.start = {node: text, delim: '', n: 0};
              math.end = {node: text, delim: '', n: 0};
              doc.math.push(math);
            });
          }, '', false],
          insertedScript: [200, () => {
            document.querySelectorAll('mjx-container').forEach(node => {
              let target = node.parentNode;
              if (target.nodeName.toLowerCase() === 'li') {
                target.parentNode.classList.add('has-jax');
              }
            });
          }, '', false]
        }
      }
    };
    (function () {
      var script = document.createElement('script');
      script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js';
      script.defer = true;
      document.head.appendChild(script);
    })();
  } else {
    MathJax.startup.document.state(0);
    MathJax.texReset();
    MathJax.typeset();
  }
</script>
          


    
    
    <title>
          
            吴豪阳的数据库
        
    </title>
    
    
<meta name="generator" content="Hexo 5.4.1"></head>
<body class="mdui-drawer-body-left mdui-appbar-with-toolbar mdui-theme-primary-teal mdui-theme-accent-blue">
  
  <header class="mdui-appbar mdui-appbar-fixed">
  <div id="toolbar" class="mdui-toolbar mdui-color-theme">
    <button class="mdui-btn mdui-btn-icon" mdui-drawer="{target: '#sidebar', swipe: true}"><i class="iconfont icon-menu"></i></button>
    <a href="/" class="mdui-typo-headline">吴豪阳的数据库</a>
    <a href="/" class="header-subtitle mdui-typo-headline"></a>
    <div class="mdui-toolbar-spacer"></div>
    <button class="mdui-btn mdui-btn-icon" mdui-dialog="{target: '#search'}" mdui-tooltip="{content: 'search'}"><i class="iconfont icon-search"></i></button>
  </div>
</header>

<div class="mdui-dialog" id="search">
  
    <div class="search-form">
      <input type="search" class="search-form-input" placeholder="请输入关键字" onfocus="listenSearchFunc()">
    </div>
    <div class="search-result" data-resource="/search.xml"></div>
  
</div>

  <aside id="sidebar" class="mdui-drawer">
    <div class="mdui-tab" mdui-tab>
        <a href="#sidebar-tab1" id="sidebartab" class="mdui-ripple mdui-tab-active">站点概览</a>
        <a href="#sidebar-tab2" id="sidebartab" class="mdui-ripple">关于</a>
    </div>

    
    <div id="sidebar-tab1" class="mdui-p-a-1">
        <div class="mdui-list">
            
                
                <a href="/" class="mdui-list-item mdui-ripple">
                    <div class="mdui-list-item-icon">
                        <i class="iconfont icon-home"></i>
                    </div>
                    <div class="mdui-list-item-content">主页</div>
                </a>
            
                
                <a href="/tags/" class="mdui-list-item mdui-ripple">
                    <div class="mdui-list-item-icon">
                        <i class="iconfont icon-bookmark"></i>
                    </div>
                    <div class="mdui-list-item-content">标签</div>
                </a>
            
                
                <a href="/categories/" class="mdui-list-item mdui-ripple">
                    <div class="mdui-list-item-icon">
                        <i class="iconfont icon-folder"></i>
                    </div>
                    <div class="mdui-list-item-content">分类</div>
                </a>
            
                
                <a href="/archives/" class="mdui-list-item mdui-ripple">
                    <div class="mdui-list-item-icon">
                        <i class="iconfont icon-archive"></i>
                    </div>
                    <div class="mdui-list-item-content">归档</div>
                </a>
            
                
                <a href="/tools/" class="mdui-list-item mdui-ripple">
                    <div class="mdui-list-item-icon">
                        <i class="iconfont icon-tools"></i>
                    </div>
                    <div class="mdui-list-item-content">工具箱</div>
                </a>
            
                
                <a href="/about/" class="mdui-list-item mdui-ripple">
                    <div class="mdui-list-item-icon">
                        <i class="iconfont icon-user"></i>
                    </div>
                    <div class="mdui-list-item-content">关于</div>
                </a>
            
            <div class="mdui-list-item mdui-ripple">
                <div class="mdui-list-item-icon">
                    <i class="iconfont icon-moon"></i>
                </div>
                <div class="mdui-list-item-content">夜间模式</div>
                <label class="mdui-switch" id="darkmode">
                  <input type="checkbox" id="nightmode_switch"/>
                  <i class="mdui-switch-icon"></i>
                </label>
            </div>           
        </div>
    </div>

    
    <div id="sidebar-tab2" class="mdui-p-a-1">
        <div class="sidebar-overview">
            <div class="sidebar-avatar">
                
                    <img src="/icons/avatar.gif"/>
                
            </div>
            <div class="sidebar-author-name">John Doe</div>
            <div class="sidebar-description"></div>
        </div>
        <div class="sidebar-links">
            
                
                <div class="mdui-chip">
                    <span class="mdui-chip-icon"><i class="iconfont icon-mail"></i></span>
                    <a href="mailto:xxx@xxx.com" class="mdui-chip-title">E-Mail</a>
                </div>
            
                
                <div class="mdui-chip">
                    <span class="mdui-chip-icon"><i class="iconfont icon-github"></i></span>
                    <a target="_blank" rel="noopener" href="https://your.url" class="mdui-chip-title">GitHub</a>
                </div>
            
                
                <div class="mdui-chip">
                    <span class="mdui-chip-icon"><i class="iconfont icon-steam"></i></span>
                    <a target="_blank" rel="noopener" href="https://your.url" class="mdui-chip-title">Steam</a>
                </div>
            
                
                <div class="mdui-chip">
                    <span class="mdui-chip-icon"><i class="iconfont icon-weibo"></i></span>
                    <a target="_blank" rel="noopener" href="https://your.url" class="mdui-chip-title">Weibo</a>
                </div>
            
        </div>
        <ul class="mdui-list" mdui-collapse="{accordion: true}">
            <li class="mdui-collapse-item">
                <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
                    <div class="mdui-list-item-icon">
                        <i class="iconfont icon-link"></i>
                    </div>
                    <div class="mdui-list-item-content">友情链接</div>
                    <div class="mdui-collapse-item-arrow">
                        <i class="mdui-list-item-icon iconfont icon-angle-down"></i>
                    </div>
                </div>
                <ul id="linksList" class="mdui-collapse-item-body mdui-list mdui-list-dense">
                    
                        <a target="_blank" rel="noopener" href="https://garybear.cn/hexo-theme-meadow/" class="mdui-list-item mdui-ripple">
                            Meadow说明文档
                        </a>
                    
                </ul>
            </li>
        </ul>
    </div>

    <div class="mdui-divider"></div>
    
    
</aside>
  
  <main id="main-contain" class="mdui-container mdui-m-t-5">
    
    <article class="mdui-card mdui-m-b-5 mdui-hoverable">    
      
      
        <div class="post-header"> 
  <a class="post-header-title" href="/2022/03/26/%E4%BB%80%E4%B9%88%E6%98%AFnode/node%E4%BB%8B%E7%BB%8D/">source</a>
  <div class="post-header-meta">
    <span>
      <span class="iconfont icon-calendar"></span>
      发布于:&nbsp;2022-03-26
    </span>
    <span>
      <span class="iconfont icon-calendar-check"></span>
      更新于:&nbsp;2022-03-26
    </span>
    <span>
      <span class="iconfont icon-folder"></span>
      分类于:&nbsp;<a class="category-link" href="/categories/%E5%88%86%E7%B1%BB/">分类</a>
    </span>
    
  </div>
</div>   
    



      
      
  <div class="post-tags">
    
      <i class="iconfont icon-tag">
        <a rel="tag" href = /tags/blog/ >blog</a>
      </i>
    
  </div>

      
      <div id="achieve-abstract" class="mdui-card-content mdui-p-x-4">
        <div class="post-abstract mdui-typo ">
          
            <h1 id="后端-–》-node-js"><a href="#后端-–》-node-js" class="headerlink" title="后端 –》 node.js"></a>后端 –》 node.js</h1><p> <code> 1, 什么node.js？</code></p>
<p> <code> 它是基于谷歌浏览器内核（v8）运行的介绍语言的后端语言</code></p>
<p> <code>2,特点：优点</code></p>
<p> <code> I/O非阻塞事务型，快（）比PHP快10倍。</code></p>
<p> <code>事件循环：事件队列</code>...
          
        </div>
        
        <div style="text-align:center;">
          <a class="post-readmore mdui-btn mdui-ripple mdui-btn-raised" href="/2022/03/26/%E4%BB%80%E4%B9%88%E6%98%AFnode/node%E4%BB%8B%E7%BB%8D/">阅读更多</a>
        </div>
      </div>
    </article>

    <article class="mdui-card mdui-m-b-5 mdui-hoverable">    
      
      
        <div class="post-header"> 
  <a class="post-header-title" href="/2022/03/20/%E4%BB%80%E4%B9%88%E6%98%AFnode/node%E7%AE%A1%E7%90%86/nodeJs/">安装node包管理工具</a>
  <div class="post-header-meta">
    <span>
      <span class="iconfont icon-calendar"></span>
      发布于:&nbsp;2022-03-20
    </span>
    <span>
      <span class="iconfont icon-calendar-check"></span>
      更新于:&nbsp;2022-03-28
    </span>
    <span>
      <span class="iconfont icon-folder"></span>
      分类于:&nbsp;
    </span>
    
  </div>
</div>   
    



      
      
  <div class="tag-line-space"></div>

      
      <div id="achieve-abstract" class="mdui-card-content mdui-p-x-4">
        <div class="post-abstract mdui-typo ">
          
            <p>1，卸载nodejs安装nvm</p>
<ol start="2">
<li>使用nvm安装node.js</li>
</ol>
<figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br></pre></td><td class="code"><pre><span class="line">nvm install <span class="number">14.17</span> <span class="number">.3</span> <span class="comment">//这个数字是node的版本</span></span><br><span class="line">nvm - ls 查看下载的node.<span class="property">js</span>版本</span><br></pre></td></tr></table></figure>
          
        </div>
        
        <div style="text-align:center;">
          <a class="post-readmore mdui-btn mdui-ripple mdui-btn-raised" href="/2022/03/20/%E4%BB%80%E4%B9%88%E6%98%AFnode/node%E7%AE%A1%E7%90%86/nodeJs/">阅读更多</a>
        </div>
      </div>
    </article>

    <article class="mdui-card mdui-m-b-5 mdui-hoverable">    
      
      
        <div class="post-header"> 
  <a class="post-header-title" href="/2022/03/13/es6/%E7%BB%A7%E6%89%BF/">继承</a>
  <div class="post-header-meta">
    <span>
      <span class="iconfont icon-calendar"></span>
      发布于:&nbsp;2022-03-13
    </span>
    <span>
      <span class="iconfont icon-calendar-check"></span>
      更新于:&nbsp;2022-03-13
    </span>
    <span>
      <span class="iconfont icon-folder"></span>
      分类于:&nbsp;<a class="category-link" href="/categories/%E5%88%86%E7%B1%BB/">分类</a>
    </span>
    
  </div>
</div>   
    



      
      
  <div class="post-tags">
    
      <i class="iconfont icon-tag">
        <a rel="tag" href = /tags/blog/ >blog</a>
      </i>
    
  </div>

      
      <div id="achieve-abstract" class="mdui-card-content mdui-p-x-4">
        <div class="post-abstract mdui-typo ">
          
            <ol>
<li>实例继承<br> 父类的实例作为子类的原型<br>比如父类 是People 子类是Woman<br>Woman.prototype= new People(); </li>
</ol>
<p>（优点：简单易于实现，父类的新增实例与属性子类都能访问<br>缺点：<br> 1）. 可以在子类中增加实例属性，如果要新增加原型属性和方法需要在new 父类构造函数的后面<br> 2）无法实现多继承<br> 3）创建子类实例时，不能向父类构造函数中传参数）</p>
<ol start="2">
<li><p>借用构造函数继承（伪造对象、经典继承）<br>比如父类 是People 子...
          
        </div>
        
        <div style="text-align:center;">
          <a class="post-readmore mdui-btn mdui-ripple mdui-btn-raised" href="/2022/03/13/es6/%E7%BB%A7%E6%89%BF/">阅读更多</a>
        </div>
      </div>
    </article>

    <article class="mdui-card mdui-m-b-5 mdui-hoverable">    
      
      
        <div class="post-header"> 
  <a class="post-header-title" href="/2022/03/13/HTML/html/">标签</a>
  <div class="post-header-meta">
    <span>
      <span class="iconfont icon-calendar"></span>
      发布于:&nbsp;2022-03-13
    </span>
    <span>
      <span class="iconfont icon-calendar-check"></span>
      更新于:&nbsp;2022-03-13
    </span>
    <span>
      <span class="iconfont icon-folder"></span>
      分类于:&nbsp;
    </span>
    
  </div>
</div>   
    



      
      
  <div class="tag-line-space"></div>

      
      <div id="achieve-abstract" class="mdui-card-content mdui-p-x-4">
        <div class="post-abstract mdui-typo ">
          
            <figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br></pre></td><td class="code"><pre><span class="line">&lt;html&gt;&lt;/html&gt; 创建一个HTML文档</span><br><span class="line">&lt;head&gt;&lt;/head&gt; 设置文档标题和其它在网页中不显示的信息</span><br><span class="line">&lt;title&gt;&lt;/title&gt; 设置文档的标题        </span><br><span class="line">&lt;h1&gt;&lt;/h1&gt; 最大的标题</span><br><span class="line">&lt;pre&gt;&lt;/pre&gt; 预先格式化文本          </span><br><span class="line">&lt;u&gt;&lt;/u&gt; 下划线</span><br><span class="line">&lt;b&gt;&lt;/b&gt; 黑体字    </span><br><span class="line">&lt;i&gt;&lt;/i&gt; 斜体字    </span><br><span class="line">&lt;tt&gt;&lt;/tt&gt; 打字机风格的字体</span><br><span class="line">&lt;cite&gt;&lt;/cite&gt; 引用, 通常是斜体        </span><br><span class="line">&lt;em&gt;&lt;/em&gt; 强调文本(通常是斜体加黑体)</span><br><span class="line">&lt;strong&gt;&lt;/strong&gt; 加重文本(通常是斜体加黑体)</span><br><span class="line">&lt;font size=&quot;&quot; color=&quot;&quot;&gt;&lt;/font&gt; 设置字体大小从1到7，颜色使用名字或RGB的十六进制值</span><br><span class="line">&lt;BASEFONT&gt;&lt;/BASEFONT&gt; 基准字体标记</span><br><span class="line">&lt;big&gt;&lt;/big&gt; 字体加大</span><br><span class="line">&lt;SMALL&gt;&lt;/SMALL&gt; 字体缩小        </span><br><span class="line">&lt;STRIKE&gt;&lt;/STRIKE&gt; 加删除线</span><br><span class="line">&lt;CODE&gt;&lt;/CODE&gt; 程式码          </span><br><span class="line">&lt;KBD&gt;&lt;/KBD&gt; 键盘字</span><br><span class="line">&lt;SAMP&gt;&lt;/SAMP&gt; 范例    </span><br><span class="line">&lt;VAR&gt;&lt;/VAR&gt; 变量</span><br><span class="line">&lt;BLOCKQUOTE&gt;&lt;/BLOCKQUOTE&gt; 向右缩排</span><br><span class="line">&lt;DFN&gt;&lt;/DFN&gt; 述语定义</span><br><span class="line">&lt;ADDRESS&gt;&lt;/ADDRESS&gt; 地址标记</span><br><span class="line">&lt;sup&gt;&lt;/SUP&gt; 上标字    </span><br><span class="line">&lt;SUB&gt;&lt;/SUB&gt; 下标字</span><br><span class="line">&lt;xmp&gt;...&lt;/xmp&gt;固定寬度字体(在文件中空白、換行、定位功能有效)</span><br><span class="line">&lt;plaintext&gt;...&lt;/plaintext&gt;固定寬度字體(不執行標記符號)</span><br><span class="line">&lt;listing&gt;...&lt;/listing&gt; 固定寬度小字體  </span><br><span class="line">&lt;font color=00ff00&gt;...&lt;/font&gt;字體顏色</span><br><span class="line">&lt;font size=1&gt;...&lt;/font&gt;最小字體  </span><br><span class="line">&lt;font style =&#x27;font-size:100 px&#x27;&gt;...&lt;/font&gt;無限增大 </span><br><span class="line"></span><br><span class="line"> </span><br><span class="line"></span><br><span class="line">格式标志标签</span><br><span class="line">&lt;p&gt;&lt;/p&gt; 创建一个段落    </span><br><span class="line">&lt;p align=&quot;&quot;&gt; 将段落按左、中、右对齐 　</span><br><span class="line">&lt;br&gt; 换行 插入换行符  </span><br><span class="line">&lt;blockquote&gt;&lt;/blockquote&gt; 从两边缩进文本</span><br><span class="line">&lt;dl&gt;&lt;/dl&gt; 定义列表</span><br><span class="line">&lt;dt&gt; 放在每个定义术语词前</span><br><span class="line">&lt;dd&gt; 放在每个定义之前</span><br><span class="line">&lt;ol&gt;&lt;/ol&gt; 创建一个标有数字的列表  </span><br><span class="line">&lt;ul&gt;&lt;/ul&gt; 创建一个标有圆点的列表</span><br><span class="line">&lt;li&gt; 放在每个列表项之前, 若在&lt;ol&gt;&lt;/ol&gt;之间则每个列表项加上一个数字, </span><br><span class="line">  若在&lt;ul&gt;&lt;/ul&gt;之间则每个列表项加上一个圆点 　 　</span><br><span class="line">&lt;div align=&quot;&quot;&gt;&lt;/div&gt; 用来排版大块HTML段落, 也用于格式化表</span><br><span class="line">&lt;MENU&gt; 选项清单  </span><br><span class="line">&lt;DIR&gt; 目录清单  </span><br><span class="line">&lt;nobr&gt;&lt;/nobr&gt; 强行不换行</span><br><span class="line">&lt;hr size=&#x27;9&#x27; width=&#x27;80%&#x27; color=&#x27;ff0000&#x27;&gt;水平線(設定寬度)  </span><br><span class="line">&lt;center&gt;&lt;/center&gt; 水平居中  </span><br><span class="line"></span><br><span class="line">链接标志表格标志</span><br><span class="line">&lt;a href=&quot;URL&quot;&gt;&lt;/a&gt; 创建超文本链接  </span><br><span class="line">&lt;a href=&quot;mailtEMAIL&quot;&gt;</span><br><span class="line">&lt;/a&gt; 创建自动发送电子邮件的链接  </span><br><span class="line">&lt;a name=&quot;name&quot;&gt;&lt;/a&gt; 创建位于文档内部的书签</span><br><span class="line">&lt;a href=&quot;#name&quot;&gt;&lt;/a&gt; 创建指向位于文档内部书签的链接</span><br><span class="line">&lt;BASE&gt; 文档中不能被该站点辨识的其它所有链接源的URL</span><br><span class="line">&lt;LINK&gt; 定义一个链接和源之间的相互关系 </span><br><span class="line"></span><br><span class="line">链接标记注解：</span><br><span class="line"></span><br><span class="line">◆target=&quot;...&quot;决定链接源在什么地方显示(用户自定义的名字，_blank, _parent, _self, _top</span><br><span class="line">◆rel=&quot;...&quot;发送链接的类型  </span><br><span class="line">◆rev=&quot;...&quot;保存链接的类型</span><br><span class="line">◆accesskey=&quot;...&quot;指定该元素的热键</span><br><span class="line">◆shape=&quot;...&quot;允许我们使用已定义的形状定义客户端的图形镜像(default，rect，circle，poly</span><br><span class="line">◆coord=&quot;...&quot;使用像素或者长度百分比来定义形状的尺寸</span><br><span class="line">◆tabindex=&quot;...&quot;使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)</span><br></pre></td></tr></table></figure>
          
        </div>
        
        <div style="text-align:center;">
          <a class="post-readmore mdui-btn mdui-ripple mdui-btn-raised" href="/2022/03/13/HTML/html/">阅读更多</a>
        </div>
      </div>
    </article>

    <article class="mdui-card mdui-m-b-5 mdui-hoverable">    
      
      
        <div class="post-header"> 
  <a class="post-header-title" href="/2022/03/13/VUE/vue-1/">常用的指令</a>
  <div class="post-header-meta">
    <span>
      <span class="iconfont icon-calendar"></span>
      发布于:&nbsp;2022-03-13
    </span>
    <span>
      <span class="iconfont icon-calendar-check"></span>
      更新于:&nbsp;2022-03-13
    </span>
    <span>
      <span class="iconfont icon-folder"></span>
      分类于:&nbsp;
    </span>
    
  </div>
</div>   
    



      
      
  <div class="tag-line-space"></div>

      
      <div id="achieve-abstract" class="mdui-card-content mdui-p-x-4">
        <div class="post-abstract mdui-typo ">
          
            <figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br></pre></td><td class="code"><pre><span class="line">1. v-bind</span><br><span class="line">功能：绑定变量，可缩写成：</span><br><span class="line"></span><br><span class="line">&lt;div :id=&quot;text&quot;&gt;&lt;/div&gt;</span><br><span class="line">代码说明：将text变量绑定到id属性</span><br><span class="line"></span><br><span class="line">2. v-text</span><br><span class="line"></span><br><span class="line">功能：绑定标签内显示内容</span><br><span class="line"></span><br><span class="line">&lt;div v-text=&quot;text&quot;&gt;&#123;&#123;text&#125;&#125;&lt;/div&gt;</span><br><span class="line">代码说明：指定了标签内的文字内容，相当于innerText</span><br><span class="line"></span><br><span class="line">3. v-html</span><br><span class="line"></span><br><span class="line">功能：以html形式渲染变量内容</span><br><span class="line"></span><br><span class="line">&lt;div v-html=&quot;html&quot;&gt;&lt;/div&gt;</span><br><span class="line">代码说明：将html变量以html的形式添加到标签内，相当于innerHTMl</span><br><span class="line"></span><br><span class="line">4 v-show</span><br><span class="line"></span><br><span class="line">功能：隐藏节点的显示</span><br><span class="line"></span><br><span class="line">&lt;div v-show=&quot;flase&quot;&gt;&lt;/div&gt;</span><br><span class="line">代码说明：相当于display：none，虽然不进行节点渲染，但是dom对象一直存在，适用于频繁切换的场景</span><br><span class="line"></span><br><span class="line">5 v-if</span><br><span class="line"></span><br><span class="line">功能：隐藏节点的显示</span><br><span class="line"></span><br><span class="line">&lt;div v-if=&quot;true&quot;&gt;&lt;/div&gt;</span><br><span class="line">代码说明：相当于appendChild，removeChild，直接将dom对象添加或者删除，适用于不频繁切换的场景，与v-if配合使用的有，v-else，v-if-else</span><br><span class="line"></span><br><span class="line">6 v-for</span><br><span class="line"></span><br><span class="line">功能：循环产生同一个组件</span><br><span class="line"></span><br><span class="line">&lt;ul&gt;</span><br><span class="line">&lt;li v-for=&quot;item in items&quot; :key=&quot;item&quot;&gt;&#123;&#123;item.name&#125;&#125;&lt;/li&gt;</span><br><span class="line">&lt;/ul&gt;</span><br><span class="line">代码说明：items是一个数组或者对象，将其中每一项都渲染出一个li，值得注意的是每一个li都需要一个独一无二的key，这样才能保证每次重新渲染的时候，只会更改key产生变化的节点，减少了开销，而且不能使用数组的index作为key，因为数组每一项对应的index会产生变化。</span><br><span class="line"></span><br><span class="line">7 v-on</span><br><span class="line"></span><br><span class="line">功能：为节点绑定事件，可简写成@</span><br><span class="line"></span><br><span class="line">&lt;div @click=&quot;open&quot;&gt;&lt;/div&gt;</span><br><span class="line">代码说明：为div绑定了点击事件，点击事件触发open这个函数</span><br><span class="line"></span><br><span class="line">8 v-model</span><br><span class="line"></span><br><span class="line">功能：为input提供双向绑定功能</span><br><span class="line"></span><br><span class="line">&lt;inpurt type=&quot;text&quot; v-model=&quot;value&quot;/&gt;</span><br><span class="line">代码说明：直接将value与input进行双向绑定，input的输入会修改value的值，要注意</span><br><span class="line"></span><br><span class="line">v-model与单选框和多选框的配合使用</span><br><span class="line"></span><br><span class="line">&lt;inpurt type=&quot;text&quot; v-model.number=&quot;value&quot;/&gt;</span><br><span class="line">代码说明：.number修饰符将输入变成数值型，.trim则是帮助去除首尾空格</span><br><span class="line"></span><br><span class="line"> &lt;inpurt type=&quot;text&quot; v-model.lazy=&quot;value&quot;/&gt;</span><br><span class="line">代码说明：.lazy修饰符将v-model的绑定事件从input变成onchange事件</span><br></pre></td></tr></table></figure>
          
        </div>
        
        <div style="text-align:center;">
          <a class="post-readmore mdui-btn mdui-ripple mdui-btn-raised" href="/2022/03/13/VUE/vue-1/">阅读更多</a>
        </div>
      </div>
    </article>

    <article class="mdui-card mdui-m-b-5 mdui-hoverable">    
      
      
        <div class="post-header"> 
  <a class="post-header-title" href="/2022/03/13/VUE/vue/">的生命周期</a>
  <div class="post-header-meta">
    <span>
      <span class="iconfont icon-calendar"></span>
      发布于:&nbsp;2022-03-13
    </span>
    <span>
      <span class="iconfont icon-calendar-check"></span>
      更新于:&nbsp;2022-03-13
    </span>
    <span>
      <span class="iconfont icon-folder"></span>
      分类于:&nbsp;
    </span>
    
  </div>
</div>   
    



      
      
  <div class="tag-line-space"></div>

      
      <div id="achieve-abstract" class="mdui-card-content mdui-p-x-4">
        <div class="post-abstract mdui-typo ">
          
            <p>创建前/后： 在beforeCreated阶段，vue实例的挂载元素$el和数据对象 data 都为undefined，还未初始化。在 created阶段，vue实例的数据对象data有了，$el还没有。</p>
<p>载入前/后： 在beforeMount阶段，vue实例的$el和data都初始化了，但还是挂载之前为虚拟的dom节点，data.message还未替换。在mounted阶段，vue实例挂载完成，data.message成功渲染。</p>
<p>更新前/后： 当data变化时，会触发beforeUpdate和updated方法。</p>
<p>销毁前/后： 在dest...
          
        </div>
        
        <div style="text-align:center;">
          <a class="post-readmore mdui-btn mdui-ripple mdui-btn-raised" href="/2022/03/13/VUE/vue/">阅读更多</a>
        </div>
      </div>
    </article>

    <article class="mdui-card mdui-m-b-5 mdui-hoverable">    
      
      
        <div class="post-header"> 
  <a class="post-header-title" href="/2022/03/13/jQuery/jQuery/">jQuery的使用方法</a>
  <div class="post-header-meta">
    <span>
      <span class="iconfont icon-calendar"></span>
      发布于:&nbsp;2022-03-13
    </span>
    <span>
      <span class="iconfont icon-calendar-check"></span>
      更新于:&nbsp;2022-03-13
    </span>
    <span>
      <span class="iconfont icon-folder"></span>
      分类于:&nbsp;<a class="category-link" href="/categories/%E5%88%86%E7%B1%BB/">分类</a>
    </span>
    
  </div>
</div>   
    



      
      
  <div class="post-tags">
    
      <i class="iconfont icon-tag">
        <a rel="tag" href = /tags/blog/ >blog</a>
      </i>
    
  </div>

      
      <div id="achieve-abstract" class="mdui-card-content mdui-p-x-4">
        <div class="post-abstract mdui-typo ">
          
            <h2 id="第一步打开编译器"><a href="#第一步打开编译器" class="headerlink" title="第一步打开编译器"></a>第一步打开编译器</h2><pre><code>//执行一次
npm init 

//之后执行一次

npm i jquery 

//创捷一个html页面

利用&lt;script  src=&quot;./node_modules/jquery/dist/jquery.min.js&quot;&gt;&lt;/script&gt;

//这就是基本用法
$(&#39;.xx&#39;).on(&#39;事件名&#39;，fun...
          
        </div>
        
        <div style="text-align:center;">
          <a class="post-readmore mdui-btn mdui-ripple mdui-btn-raised" href="/2022/03/13/jQuery/jQuery/">阅读更多</a>
        </div>
      </div>
    </article>

    <article class="mdui-card mdui-m-b-5 mdui-hoverable">    
      
      
        <div class="post-header"> 
  <a class="post-header-title" href="/2022/03/09/es6/%E6%B7%B1%E6%B5%85%E6%8B%B7%E8%B4%9D/">深拷贝</a>
  <div class="post-header-meta">
    <span>
      <span class="iconfont icon-calendar"></span>
      发布于:&nbsp;2022-03-09
    </span>
    <span>
      <span class="iconfont icon-calendar-check"></span>
      更新于:&nbsp;2022-03-13
    </span>
    <span>
      <span class="iconfont icon-folder"></span>
      分类于:&nbsp;<a class="category-link" href="/categories/%E6%B7%B1%E6%8B%B7%E8%B4%9D/">深拷贝</a>
    </span>
    
  </div>
</div>   
    



      
      
  <div class="post-tags">
    
      <i class="iconfont icon-tag">
        <a rel="tag" href = /tags/%E6%B7%B1%E6%8B%B7%E8%B4%9D/ >深拷贝</a>
      </i>
    
  </div>

      
      <div id="achieve-abstract" class="mdui-card-content mdui-p-x-4">
        <div class="post-abstract mdui-typo ">
          
            <p>深拷贝和浅拷贝的区别</p>
<ol>
<li>浅拷贝： 将原对象的引用直接赋给新对象，新对象只是原对象的一个引用，而不复制对象本身，新旧对象还是共享同一块内存</li>
<li> 深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”，新对象跟原对象不共享内存，修改新对象不会改到原对象<br>et obj2 = JSON.parse(JSON.stringify(obj)); </li>
</ol>
<p>为什么要使用深拷贝？<br>我们希望在改变新的数组（对象）的时候，不改变原数组（对象）</p>
<figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br></pre></td><td class="code"><pre><span class="line">const tagMap = &#123;</span><br><span class="line">  mapTag: &#x27;[object Map]&#x27;, </span><br><span class="line">  setTag: &#x27;[object Set]&#x27;, </span><br><span class="line">  arrayTag: &#x27;[object Array]&#x27;, </span><br><span class="line">  objectTag: &#x27;[object Object]&#x27;, </span><br><span class="line">  symbolTag: &#x27;[object Symbol]&#x27;, </span><br><span class="line">  regexpTag: &#x27;[object RegExp]&#x27;</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">const checkType = (target) =&gt; &#123;</span><br><span class="line">  return Object.prototype.toString.call(target)</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">const checkTemp = (target) =&gt; &#123;</span><br><span class="line">  const c = target.constructor</span><br><span class="line">  return new c()</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">const cloneSymbol = (target) =&gt; &#123;</span><br><span class="line">  return Object(Symbol.prototype.valueOf.call(target))</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">const cloneReg = (target) =&gt; &#123;</span><br><span class="line">  const reFlags = /\w*$/</span><br><span class="line">  const result = new target.constructor(target.source, reFlags.exec(target))</span><br><span class="line">  result.lastIndex = target.lastIndex</span><br><span class="line">  return result</span><br><span class="line">&#125;</span><br><span class="line"></span><br><span class="line">const deepClone = (target, map = new Map()) =&gt; &#123;</span><br><span class="line"></span><br><span class="line">  const type = checkType(target)</span><br><span class="line"></span><br><span class="line">  if (! Object.values(tagMap).includes(type)) &#123;</span><br><span class="line"></span><br><span class="line">    return target</span><br><span class="line"></span><br><span class="line">  &#125;</span><br><span class="line"></span><br><span class="line">  if (type === tagMap.symbolTag) &#123;</span><br><span class="line"></span><br><span class="line">    return cloneSymbol(target)</span><br><span class="line"></span><br><span class="line">  &#125;</span><br><span class="line">  if (type === tagMap.regexpTag) &#123;</span><br><span class="line"></span><br><span class="line">    return cloneReg(target)</span><br><span class="line"></span><br><span class="line">  &#125;</span><br><span class="line"></span><br><span class="line">    const temp = checkTemp(target)</span><br><span class="line"></span><br><span class="line">  if (map.get(target)) &#123;</span><br><span class="line"></span><br><span class="line">    return map.get(target)</span><br><span class="line"></span><br><span class="line">  &#125;</span><br><span class="line"></span><br><span class="line">  map.set(target, temp)</span><br><span class="line"></span><br><span class="line">  if (type === tagMap.setTag) &#123;</span><br><span class="line"></span><br><span class="line">    target.forEach(value =&gt; &#123;</span><br><span class="line">      temp.add(deepClone(value, map))</span><br><span class="line">    &#125;)</span><br><span class="line"></span><br><span class="line">  &#125;</span><br><span class="line"></span><br><span class="line">  if (type === tagMap.mapTag) &#123;</span><br><span class="line"></span><br><span class="line">    target.forEach((value, key) =&gt; &#123;</span><br><span class="line">      temp.set(key, deepClone(value, map))</span><br><span class="line">    &#125;)</span><br><span class="line"></span><br><span class="line">  &#125;</span><br><span class="line"></span><br><span class="line">  for (const key in target) &#123;</span><br><span class="line"></span><br><span class="line">    temp[key] = deepClone(target[key], map)</span><br><span class="line"></span><br><span class="line">  &#125;</span><br><span class="line">  return temp</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
          
        </div>
        
        <div style="text-align:center;">
          <a class="post-readmore mdui-btn mdui-ripple mdui-btn-raised" href="/2022/03/09/es6/%E6%B7%B1%E6%B5%85%E6%8B%B7%E8%B4%9D/">阅读更多</a>
        </div>
      </div>
    </article>

    <article class="mdui-card mdui-m-b-5 mdui-hoverable">    
      
      
        <div class="post-header"> 
  <a class="post-header-title" href="/2022/03/09/%E9%A1%B9%E7%9B%AE%E5%B8%B8%E7%94%A8%E7%9A%84%E4%B8%80%E4%BA%9B%E6%96%B9%E6%B3%95/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/">webpack性能优化</a>
  <div class="post-header-meta">
    <span>
      <span class="iconfont icon-calendar"></span>
      发布于:&nbsp;2022-03-09
    </span>
    <span>
      <span class="iconfont icon-calendar-check"></span>
      更新于:&nbsp;2022-03-21
    </span>
    <span>
      <span class="iconfont icon-folder"></span>
      分类于:&nbsp;<a class="category-link" href="/categories/webpack%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/">webpack性能优化</a>
    </span>
    
  </div>
</div>   
    



      
      
  <div class="post-tags">
    
      <i class="iconfont icon-tag">
        <a rel="tag" href = /tags/webpack%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/ >webpack性能优化</a>
      </i>
    
  </div>

      
      <div id="achieve-abstract" class="mdui-card-content mdui-p-x-4">
        <div class="post-abstract mdui-typo ">
          
            <figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">写在 package.js文件中 </span><br><span class="line">//项目打包的可视化图标 命令行</span><br><span class="line">&quot;scripts&quot;: &#123;</span><br><span class="line">  &#x27;report&#x27;:&#x27;vue-cli-service build --report&#x27;</span><br><span class="line">&#125;</span><br></pre></td></tr></table></figure>
          
        </div>
        
        <div style="text-align:center;">
          <a class="post-readmore mdui-btn mdui-ripple mdui-btn-raised" href="/2022/03/09/%E9%A1%B9%E7%9B%AE%E5%B8%B8%E7%94%A8%E7%9A%84%E4%B8%80%E4%BA%9B%E6%96%B9%E6%B3%95/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/">阅读更多</a>
        </div>
      </div>
    </article>

    <article class="mdui-card mdui-m-b-5 mdui-hoverable">    
      
      
        <div class="post-header"> 
  <a class="post-header-title" href="/2022/03/09/%E8%A1%8C%E4%B8%9A%E6%8A%A5%E5%91%8A/%E7%94%B5%E5%95%86%E9%A1%B9%E7%9B%AE%E7%9A%84%E6%B5%81%E7%A8%8B/">酒巷铺</a>
  <div class="post-header-meta">
    <span>
      <span class="iconfont icon-calendar"></span>
      发布于:&nbsp;2022-03-09
    </span>
    <span>
      <span class="iconfont icon-calendar-check"></span>
      更新于:&nbsp;2022-03-09
    </span>
    <span>
      <span class="iconfont icon-folder"></span>
      分类于:&nbsp;<a class="category-link" href="/categories/%E5%88%86%E7%B1%BB/">分类</a>
    </span>
    
  </div>
</div>   
    



      
      
  <div class="post-tags">
    
      <i class="iconfont icon-tag">
        <a rel="tag" href = /tags/blog/ >blog</a>
      </i>
    
  </div>

      
      <div id="achieve-abstract" class="mdui-card-content mdui-p-x-4">
        <div class="post-abstract mdui-typo ">
          
            <h2 id="站在用户角度"><a href="#站在用户角度" class="headerlink" title="站在用户角度"></a>站在用户角度</h2><h4 id="名称"><a href="#名称" class="headerlink" title="名称"></a>名称</h4><p> <code> 酒巷铺</code></p>
<h3 id="用途"><a href="#用途" class="headerlink" title="用途"></a>用途</h3><p> <code>给商家和客户提供了一个远程的平台 商家提供商品 客户来买自己的宝</code></p>
...
          
        </div>
        
        <div style="text-align:center;">
          <a class="post-readmore mdui-btn mdui-ripple mdui-btn-raised" href="/2022/03/09/%E8%A1%8C%E4%B8%9A%E6%8A%A5%E5%91%8A/%E7%94%B5%E5%95%86%E9%A1%B9%E7%9B%AE%E7%9A%84%E6%B5%81%E7%A8%8B/">阅读更多</a>
        </div>
      </div>
    </article>



  <nav style="text-align: center;">
    <div class="pagination">
      <span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="page-number" href="/page/3/">3</a><span class="space">&hellip;</span><a class="page-number" href="/page/5/">5</a><a class="extend next" rel="next" href="/page/2/"><i class="iconfont icon-angle-right"></i></a>
    </div>
  </nav>

  </main>
  <footer id="footer" class="mdui-text-center mdui-m-t-5 mdui-p-b-2 mdui-p-t-4 mdui-color-theme">
  <div class="mdui-container">
    <div class="mdui-row">
      
        <a href="https://beian.miit.gov.cn" rel="noopener" target="_blank"></a>
      
      <span>
        &copy; 2015 - 2022 
        
          <span style="color:#d9333f" class="iconfont icon-heart"></span>
        
        John Doe
      </span>
    </div>
    <div class="mdui-row">
      
        <div class="mdui-col-xs-6 mdui-text-right">
          <span>Powered by <a href="https://hexo.io/" rel="noopener" target="_blank">Hexo</a></span>
        </div>
        <div class="mdui-col-xs-6 mdui-text-left">
          <span>Theme: <a href="https://github.com/kb1000fx/Meadow" rel="noopener" target="_blank">Meadow</a></span>
        </div>
      
    </div>
    <div class="mdui-row">
      
        <div class="mdui-col-xs-6 mdui-text-right">
          <span id="busuanzi_container_site_uv" style="display: none;"> <span class="iconfont icon-user"></span>总访客量 <span id="busuanzi_value_site_uv"></span></span>
        </div>
        <div class="mdui-col-xs-6 mdui-text-left">
          <span id="busuanzi_container_site_pv" style="display: none;"> <span class="iconfont icon-eye"></span>总访问量 <span id="busuanzi_value_site_pv"></span></span>
        </div>
      
    </div>
 </div>
</footer>
  
  <button id="gotop" class="mdui-fab mdui-fab-fixed mdui-fab-hide mdui-ripple mdui-color-teal" style="z-index:100;"><i class="iconfont icon-arrowup"></i></button>
  
  

    <script async src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>







    
<script src="/js/mdui.min.v1.0.0.js"></script>




<script src="/js/meadow.js"></script>

</body>
</html >